/*
                       _oo0oo_
                      o8888888o
                      88" . "88
                      (| -_- |)
                      0\  =  /0
                    ___/`---'\___
                  .' \\|     |// '.
                 / \\|||  :  |||// \
                / _||||| -:- |||||- \
               |   | \\\  -  /// |   |
               | \_|  ''\---/''  |_/ |
               \  .-\__  '-'  ___/-. /
             ___'. .'  /--.--\  `. .'___
          ."" '<  `.___\_<|>_/___.' >' "".
         | | :  `- \`.;`\ _ /`;.`/ - ` : | |
         \  \ `_.   \_ __\ /__ _/   .-` /  /
     =====`-.____`.___ \_____/___.-`___.-'=====
                       `=---='
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/*-----------------------------------------------Andrew_Config (全局) 使用方法-------------------------------------------*/
$(function(){
    Andrew_Config({ //环境配置管理
        MaskStyle: "style3", //所有弹窗背景图案选择（样式1~6）
        ButtonLink: true, //不使用a元素，也通过button的data-href设置跳转界面 (使用button超链接 true,不使用button超链接 false）
        ResizeRefresh: true, //浏览器窗口大小调整时是否刷新页面 (true,false）
        FooterFix: true, //是否开启内容区域的高度小于窗口高度底部栏固定到最底部的功能
        Hashchange: false, //是否使用URL中带#时可加载新页面的功能
        AnimatedSleep: true //CSS3动画的中间延迟时间（例：data-animated="动画Class样式" data-anisleep="延迟秒数"）
    });
});

/*-----------------------------------------------Andrew_GoTop (全局) 使用方法-------------------------------------------*/
$(function(){
    new Andrew_GoTop({
        hide:true, //当页面不滚动时是否隐藏(true,false)
        url:"", //图片路径
        //icon:"iconfont icon-zhiding c_title text_36em", //图标的Class
        state:"bottom", //出现的位置(center, bottom)
        height:"40px", //高 默认40px
        width:"40px", //宽 默认40px
        scrollTop:500, //滚到什么位置出现 px
        time:500, //返回顶部多长时间 ms 默认500ms
        aimation:"animated bounceInDown" //出场动画 默认show（没有出场动画） 这个可以自定义
    });
});

/*-----------------------------------------------Andrew_PortraitCropbox 使用方法-------------------------------------------*/
$(function(){
    var Portrait = $(".plug_Cropbox");
    //options 是首次加载显示的默认的图片样式
    var options = {
        thumbBox: ".thumbBox",
        rotator: ".rotator",
        imgSrc: "./img/img01.jpg"
    };
    var cropper = Portrait.children().eq(0).Andrew_PortraitCropbox(options);
    Portrait.children().eq(1).children().eq(0).find("input[type=file]").on("change", function() {
        var reader = new FileReader();
        reader.onload = function(e) {
            options.imgSrc = e.target.result;
            cropper = Portrait.children().eq(0).Andrew_PortraitCropbox(options);
        };
        reader.readAsDataURL(this.files[0]);
        //this.files = [];
    });
    Portrait.children().eq(1).children().eq(3).on("click", function() { //图片保存按钮
    });
    Portrait.children().eq(1).children().eq(1).on("click", function() { //图片缩小按钮
        //鼠标滚轮缩小
        cropper.zoomIn();
    });
    Portrait.children().eq(1).children().eq(2).on("click", function() { //图片放大按钮
        //鼠标滚轮放大　　
        cropper.zoomOut();
    });
    Portrait.children().eq(0).on("mousemove",function(){ //鼠标移动生成缩略图（禁止浏览器滚动条）
        getImg();
        window.onmousewheel=function(){
            return false;
        };
    });
    Portrait.children().eq(0).on("mouseleave",function(){ //鼠标离开后解除浏览器滚动条
        window.onmousewheel=function(){
            return true;
        };
    });
    Portrait.children().eq(0).on("click", function() { //鼠标点击this区域生成缩略图
        getImg();
    });
    function getImg(){ //生成缩略图
        img = cropper.getDataURL();
        Portrait.children().eq(2).html("");
        Portrait.children().eq(2).append('<img src="'+img+'" align="absmiddle" style="width:180px;margin-top:0.5em;border-radius:180px;box-shadow:0 0 1em #eeeeee;"><p>180px*180px</p>');
        Portrait.children().eq(2).append('<img src="'+img+'" align="absmiddle" style="width:128px;margin-top:0.5em;border-radius:128px;box-shadow:0 0 1em #eeeeee;"><p>128px*128px</p>');
        Portrait.children().eq(2).append('<img src="'+img+'" align="absmiddle" style="width:64px;margin-top:0.5em;border-radius:64px;box-shadow:0 0 1em #eeeeee;" ><p>64px*64px</p>');
    }
});

/*-----------------------------------------------Andrew_readmore 使用方法-------------------------------------------*/
$(function(){
    $(".plug_more").Andrew_Readmore({
        dom: ".plug_more_info", //需要控制的元素
        icon_default: "ml_05em iconfont icon-xiangxia1", //默认图标样式
        icon_active: "ml_05em iconfont icon-xiangshang1" //切换后的图标样式
    });
});

/*-----------------------------------------------Andrew_ButtonChange 使用方法-------------------------------------------*/
$(function(){
    $(".plug_change_btn").Andrew_ButtonChange({
        Default_Class: "bg_orange c_white", //默认按钮Class
        Change_Class: "bg_gray_ccc c_white", //切换后按钮Class
        clickBack:function(onoff,btn){ //回调
            var section = btn.parent("dd").parent("dl").next("section");
            if(onoff > 0) {
                section.slideDown();
            } else {
                section.slideUp();
            }
        }
    });
});

$(function(){
    $(".plug_morechange_btn").Andrew_ButtonChange({
        Default_Class: "bg_orange c_white", //默认按钮Class
        Change_Class: "bg_gray_ccc c_white", //切换后按钮Class
        clickBack:function(onoff,btn){ //回调
            var section = btn.parent("div").next("section");
            if(onoff > 0) {
                section.slideDown();
            } else {
                section.slideUp();
            }
        }
    });
});

/*-----------------------------------------------Andrew_ChinaSelCity 使用方法-------------------------------------------*/
$(function(){
    $(".plug_city").Andrew_ChinaSelCity({
        search_input: ".plug_search_input", //需要插入内容的输入框
        callback:function(ele,id,province,city,county){ //回调获取元素和数据（当前元素，数据ID，省，市，区）
            console.log(ele); //当前元素
            console.log("id: "+id+" province: "+province+" city: "+city+" county: "+county); // 数据ID，省，市，区
        }
    });
});

/*-----------------------------------------------Andrew_SearchChoose 使用方法-------------------------------------------*/
$(function(){
    $(".plug_search_btn").Andrew_SearchChoose({
        search_input: ".plug_search_input", //需要插入内容的输入框
        more_btn: "更多", //更多按钮的显示名称
        popup_class: "bg_black07 pa_1em", //弹窗的样式设置
        more_url: "#", //更多按钮点击后需要跳转的URL
        searchList:SearchList, //Json数据调用（data.js）
        callback:function(data){ //回调获取选中的数据
            console.log(data);
        }
    });
});

$(function(){
    $(".plug_airport_btn").Andrew_SearchChoose({
        search_input: ".plug_airport", //需要插入内容的输入框
        more_btn: "更多", //更多按钮的显示名称
        popup_class: "bg_white pa_1em border bor_gray_ddd white_style", //弹窗的样式设置
        more_url: "#", //更多按钮点击后需要跳转的URL
        searchList:SearchList, //Json数据调用（data.js）
        callback:function(data){ //回调获取选中的数据
            console.log(data);
        }
    });
});

$(function(){
    $(".plug_airport_btn1").Andrew_SearchChoose({
        search_input: ".plug_airport1", //需要插入内容的输入框
        more_btn: "更多", //更多按钮的显示名称
        popup_class: "bg_white pa_1em border bor_gray_ddd white_style", //弹窗的样式设置
        more_url: "#", //更多按钮点击后需要跳转的URL
        searchList:SearchList, //Json数据调用（data.js）
        callback:function(data){ //回调获取选中的数据
            console.log(data);
        }
    });
});

$(function(){
    $(".plug_airport_btn2").Andrew_SearchChoose({
        search_input: ".plug_airport2", //需要插入内容的输入框
        more_btn: "更多", //更多按钮的显示名称
        popup_class: "bg_white pa_1em border bor_gray_ddd white_style", //弹窗的样式设置
        more_url: "#", //更多按钮点击后需要跳转的URL
        searchList:SearchList, //Json数据调用（data.js）
        callback:function(data){ //回调获取选中的数据
            console.log(data);
        }
    });
});

/*-----------------------------------------------Andrew_AllChecked 使用方法-------------------------------------------*/
$(function(){
    $(".plug_allchk").Andrew_AllChecked({ //全选和反选功能
        chk_Default_Class: "bor_gray_ddd",
        chk_Active_Class: "bg_title bor_title iconfont icon-wancheng c_white",
        btn_Default_Class: "bg_orange c_white",
        btn_Active_Class: "bg_gray_eee c_gray_777",
        callback :function(val){ //回调获取数组状态
            console.log(val);
        }
    });
});

/*-----------------------------------------------Andrew_ChangeIcon 使用方法-------------------------------------------*/
$(function(){
    $(".plug_search_btn").Andrew_ChangeIcon({
        Element: $(".plug_search_btn").find("a i"), //需要控制图标的元素
        Default_icon: "iconfont icon-xia", //默认显示图标
        Change_icon: "iconfont icon-shang", //切换后显示的图标
        body_close: true, //是否启用点击其他元素关闭功能
        clickBack:function(state){ //回调获取当前的值
            console.log(state);
        }
    });
});

$(function(){
    $(".plug_updown_btn").Andrew_ChangeIcon({
        Element: $(".plug_updown_btn").find("i"), //需要控制图标的元素
        Default_icon: "iconfont icon-xiangxia1", //默认显示图标
        Change_icon: "iconfont icon-xiangshang1", //切换后显示的图标
        body_close: true, //是否启用点击其他元素关闭功能
        clickBack:function(state){ //回调获取当前的值
            console.log(state);
        }
    });
});

$(function(){
    $(".plug_sort_btn1").Andrew_ChangeIcon({
        Element: $(".plug_sort_btn1").children("i"), //需要控制图标的元素
        Default_icon: "sort_down", //默认显示图标
        Change_icon: "sort_up", //切换后显示的图标
        clickBack:function(state){ //回调获取当前的值
            console.log(state);
        }
    });
});

$(function(){
    $(".plug_sort_btn2").Andrew_ChangeIcon({
        Element: $(".plug_sort_btn2").children("i"), //需要控制图标的元素
        Default_icon: "sort_down", //默认显示图标
        Change_icon: "sort_up", //切换后显示的图标
        clickBack:function(state){ //回调获取当前的值
            console.log(state);
        }
    });
});

/*-----------------------------------------------Andrew_ChangeInput 使用方法-------------------------------------------*/
$(function(){
    $(".plug_change_input").Andrew_ChangeInput({
        left_input: ".plug_airport1", //切换按钮的左侧输入框Class
        right_input: ".plug_airport2" //切换按钮的右侧输入框Class
    });
});

/*-----------------------------------------------Andrew_Tabs 使用方法-------------------------------------------*/
$(function(){
    $(".plug_main_tabs").Andrew_Tabs({
        curDisplay: 1, //当前显示哪张
        autoPlay: false, //自动播放 (true/false)
        playDelay: 2000, //自动播放延迟时间 （必选 autoPlay: true）
        boxheight: "37em", //切换内容区域的高度设置px （不使用高度：false）
        fullclass: "bg_white c_title text_bold bor_none", //被选中状态的class
        emptyclass: "bg_title_sub c_white", //未选中状态的class
        mouse: "click", //鼠标事件 (click/hover)
        changeMethod: "opacity" //切换方式 (default/vertical/horizontal/opacity/ajax)
    });
});

$(function(){
    $(".plug_flight_tabs").Andrew_Tabs({
        curDisplay: 1, //当前显示哪张
        autoPlay: false, //自动播放 (true/false)
        playDelay: 2000, //自动播放延迟时间 （必选 autoPlay: true）
        boxheight: false, //切换内容区域的高度设置px （不使用高度：false）
        fullclass: "c_white bg_title text_bold", //被选中状态的class
        emptyclass: "c_gray_333", //未选中状态的class
        mouse: "click", //鼠标事件 (click/hover)
        changeMethod: "opacity" //切换方式 (default/vertical/horizontal/opacity/ajax)
        /*AjaxList:    new Array(
            "./ajax/tab_test1.html",
            "./ajax/tab_test2.html",
            "./ajax/tab_test3.html"
        ),
        callback:function(){ //回调函数
        }*/
    });
});

$(function(){
    $(".plug_list_tabs").Andrew_Tabs({
        curDisplay: 1, //当前显示哪张
        autoPlay: false, //自动播放 (true/false)
        playDelay: 2000, //自动播放延迟时间 （必选 autoPlay: true）
        boxheight: false, //切换内容区域的高度设置px （不使用高度：false）
        fullclass: "bg_white c_title text_bold", //被选中状态的class
        emptyclass: "bg_gray_f5f c_gray_333", //未选中状态的class
        mouse: "click", //鼠标事件 (click/hover)
        changeMethod: "opacity" //切换方式 (default/vertical/horizontal/opacity/ajax)
        /*AjaxList:    new Array(
            "./ajax/tab_test1.html",
            "./ajax/tab_test2.html",
            "./ajax/tab_test3.html"
        ),
        callback:function(){ //回调函数
        }*/
    });
});

$(function(){
    $(".plug_restroom_tabs").Andrew_Tabs({
        curDisplay: 1, //当前显示哪张
        autoPlay: false, //自动播放 (true/false)
        playDelay: 2000, //自动播放延迟时间 （必选 autoPlay: true）
        boxheight: false, //切换内容区域的高度设置px （不使用高度：false）
        fullclass: "bg_white c_title text_bold", //被选中状态的class
        emptyclass: "bg_gray_f5f c_gray_333", //未选中状态的class
        mouse: "click", //鼠标事件 (click/hover)
        changeMethod: "opacity" //切换方式 (default/vertical/horizontal/opacity/ajax)
    });
});

$(function(){
    $(".plug_comment_tabs").Andrew_Tabs({
        curDisplay: 1, //当前显示哪张
        autoPlay: false, //自动播放 (true/false)
        playDelay: 2000, //自动播放延迟时间 （必选 autoPlay: true）
        boxheight: false, //切换内容区域的高度设置px （不使用高度：false）
        fullclass: "bg_white c_title text_bold bor_bottom_none", //被选中状态的class
        emptyclass: "bg_gray_f5f c_gray_333", //未选中状态的class
        mouse: "click", //鼠标事件 (click/hover)
        changeMethod: "opacity" //切换方式 (default/vertical/horizontal/opacity/ajax)
        /*AjaxList:    new Array(
            "./ajax/tab_test1.html",
            "./ajax/tab_test2.html",
            "./ajax/tab_test3.html"
        ),
        callback:function(){ //回调函数
        }*/
    });
});

$(function(){
    $(".plug_search_tabs").Andrew_Tabs({
        curDisplay: 1, //当前显示哪张
        autoPlay: false, //自动播放 (true/false)
        playDelay: 2000, //自动播放延迟时间 （必选 autoPlay: true）
        boxheight: false, //切换内容区域的高度设置px （不使用高度：false）
        fullclass: "bg_title_tint c_title text_bold bor_bottom_none top_active", //被选中状态的class
        emptyclass: "bg_white c_gray_333", //未选中状态的class
        mouse: "click", //鼠标事件 (click/hover)
        changeMethod: "opacity" //切换方式 (default/vertical/horizontal/opacity/ajax)
    });
});

$(function(){
    $(".plug_order_tabs").Andrew_Tabs({
        curDisplay: 1, //当前显示哪张
        autoPlay: false, //自动播放 (true/false)
        playDelay: 2000, //自动播放延迟时间 （必选 autoPlay: true）
        boxheight: false, //切换内容区域的高度设置px （不使用高度：false）
        fullclass: "bg_white c_title text_bold bor_bottom_none top_active", //被选中状态的class
        emptyclass: "bg_gray_f5f c_gray_333", //未选中状态的class
        mouse: "click", //鼠标事件 (click/hover)
        changeMethod: "opacity" //切换方式 (default/vertical/horizontal/opacity/ajax)
    });
});

/*-----------------------------------------------Andrew_Textarea 使用方法-------------------------------------------*/
$(function(){
    $(".plug_textarea").Andrew_Textarea({ //多行输入框设置
        maxlength:200, //文字最多输入限制
        rows:"6", //输入框的行高
        onTextVal:function(val){ //通过回调获取实时输入的值
            console.log(val);
        }
    });
});

/*-----------------------------------------------Andrew_scrollTopFix 使用方法-------------------------------------------*/
$(function(){
    $("header.bor_bottom").Andrew_scrollTopFix({
        scrollTop: $("header.bor_bottom").outerHeight(), //滚动调超过该元素的位置后的数据
        scrollClass: "scrollTop" //滚动条滚动时需要控制的class名
    });
});

$(function(){
    var allList = $(".plug_allList");
    if (allList.length > 0) {
        allList.Andrew_scrollTopFix({
            scrollTop: allList.offset().top + ($("header.bor_bottom").outerHeight()*3), //滚动调超过该元素的位置后的数据
            scrollLeft: (($(window).width() + $(".wrap").width()) / 2) - allList.outerWidth(), //设置元素的具体的位置
            scrollClass: "fix" //滚动条滚动时需要控制的class名
        });
    }
});

/*-----------------------------------------------Andrew_StairsMenu 使用方法-------------------------------------------*/
$(function(){
    $(".plug_allList ol li").Andrew_StairsMenu({
        Stairs_Class: "c_white bg_title", //导航选择状态的Class
        Stairs_Content: $(".plug_allList_view > div") //楼梯导航控制的内容区域元素
    });
});

/*-----------------------------------------------Andrew_bigAutocomplete 使用方法-------------------------------------------*/
$(function(){
    $(".plug_flights").Andrew_bigAutocomplete({
        data:[
            {autotext:"MU5166"},
            {autotext:"MU5167"},
            {autotext:"MU5168"},
            {autotext:"MU5169"},
            {autotext:"MU5170"},
            {autotext:"MU5171"},
            {autotext:"MU5172"},
            {autotext:"MU5173"},
            {autotext:"MU5174"},
            {autotext:"MU5175"},
            {autotext:"MU5176"},
            {autotext:"MU5178"},
            {autotext:"MU5179"},
            {autotext:"MU5180"},
            {autotext:"MU5181"},
            {autotext:"MU5182"},
            {autotext:"MU5183"},
            {autotext:"MU5184"},
            {autotext:"MU5185"},
            {autotext:"MU5186"},
            {autotext:"MU5187"},
            {autotext:"MU5188"},
            {autotext:"MU5189"},
            {autotext:"MU5190"},
            {autotext:"MU5191"},
            {autotext:"MU5192"},
            {autotext:"MU5193"},
            {autotext:"MU5194"},
            {autotext:"MU5195"},
            {autotext:"MU5196"},
            {autotext:"MU5197"},
            {autotext:"MU5198"},
            {autotext:"MU5199"},
            {autotext:"MU5200"}
        ],
        callback:function(data){
            console.log(data.autotext);
        }
    });
});

$(function(){
    $(".plug_search_input").Andrew_bigAutocomplete({
        data:[
            {autotext: "北京首都国际机场"},
            {autotext: "青岛流亭国际机场"},
            {autotext: "青岛北站"},
            {autotext: "青岛火车站"},
            {autotext: "香港国际机场"},
            {autotext: "广州白云国际机场"},
            {autotext: "台湾桃园国际机场"},
            {autotext: "上海虹桥国际机场"},
            {autotext: "新加坡樟宜机场"},
            {autotext: "澳门国际机场"},
            {autotext: "广州南站"},
            {autotext: "成都双流国际机场"},
            {autotext: "海口美兰国际机场"},
            {autotext: "昆明长水国际机场"},
            {autotext: "丽江三义机场"},
            {autotext: "南京禄口国际机场"},
            {autotext: "深圳宝安国际机场"},
            {autotext: "厦门高崎国际机场"},
            {autotext: "香港国际机场"}
        ],
        callback:function(data){
            console.log(data.autotext);
        }
    });
});

$(function(){
    $(".plug_airport").Andrew_bigAutocomplete({
        data:[
            {autotext: "北京首都国际机场"},
            {autotext: "青岛流亭国际机场"},
            {autotext: "香港国际机场"},
            {autotext: "广州白云国际机场"},
            {autotext: "台湾桃园国际机场"},
            {autotext: "上海虹桥国际机场"},
            {autotext: "新加坡樟宜机场"},
            {autotext: "澳门国际机场"},
            {autotext: "成都双流国际机场"},
            {autotext: "海口美兰国际机场"},
            {autotext: "昆明长水国际机场"},
            {autotext: "丽江三义机场"},
            {autotext: "南京禄口国际机场"},
            {autotext: "深圳宝安国际机场"},
            {autotext: "厦门高崎国际机场"},
            {autotext: "香港国际机场"}
        ],
        callback:function(data){
            console.log(data.autotext);
        }
    });
});

/*-----------------------------------------------Andrew_MinAutoCompleter 使用方法-------------------------------------------*/
$(function(){
    $(".plug_email_auto").Andrew_MinAutoCompleter({
        separator: "@",
        source: ["163.com", "qq.com", "126.com", "139.com", "gmail.com", "hotmail.com", "icloud.com"]
    });
    $(".plug_time_auto").Andrew_MinAutoCompleter({
        filter: function(val) {
            val = val.replace(/\D/g, "").substr(0, 2);

            if (val) {
                val = parseInt(val, 10) || 0;
                val = val > 23 ? 23 : val < 10 ? "0" + val : val;
            }

            return val;
        },
        separator: ":",
        source: ["00", "05", "10", "15", "20", "25", "30", "35", "40", "45", "50", "55"]
    });
    /*var $autoCompleteDomain = $(".plug_domain_auto"),
        $autoCompleteGo = $(".plug_go_auto");

    $autoCompleteDomain.Andrew_MinAutoCompleter({
        complete: function() {
            var url = "http://www." + $autoCompleteDomain.val();

            $autoCompleteGo.attr("href", url);
        },
        separator: ".",
        source: ["com", "net", "org", "co", "io", "me", "cn", "com.cn"]
    });*/

});

/*-----------------------------------------------Andrew_CitySelect 使用方法-------------------------------------------*/
$(function(){
    $(".plug_City_btn").Andrew_CitySelect({
        apiurl: "https://sjipiao.alitrip.com/city_search.do?_ksTS=1439362066383_11337&lines=10&_input_charset=utf-8&needProvince=true&q=", //城市数据调用api接口
        title: "热门城市(支持汉字/拼音搜索)", //展开后的内容标题
        subject: "热门城市", //热门城市的TEXT
        error: "没有找到相关信息: ", //查不到信息时显示的提示内容
        layer_name:"plug_layer", //给下拉框取名(元素id)
        search_input: $(".plug_City_btn").children("input"), //需要插入内容的输入框
        callback:function(val){
            console.log(val);
        }
    });
});

/*-----------------------------------------------Andrew_Mkinfinite 使用方法-------------------------------------------*/
$(function(){
    $(".plug_banner_sub").Andrew_Mkinfinite({
        maxZoom:       1.4, //放大倍数
        animationTime: 12000, //动画毫秒时间
        imagesRatio:   (1920 / 600), //图片尺寸（宽，高）
        height:        "26em", //元素区域的高度设置
        zoomIn:        true, //动画类型（缩小：true ，放大：false）
        imagesList:    new Array( //循环图片列表
            "img/subbanner1.jpg",
            "img/subbanner1.jpg"
        )
    });
});

$(function(){
    $(".plug_banner_home").Andrew_Mkinfinite({
        maxZoom:       1.4, //放大倍数
        animationTime: 12000, //动画毫秒时间
        imagesRatio:   (1920 / 600), //图片尺寸（宽，高）
        height:        "32em", //元素区域的高度设置
        zoomIn:        true, //动画类型（缩小：true ，放大：false）
        imagesList:    new Array( //循环图片列表
            "img/homebanner1.jpg",
            "img/homebanner1.jpg"
        )
    });
});

$(function(){
    $(".plug_banner_card").Andrew_Mkinfinite({
        maxZoom:       2.4, //放大倍数
        animationTime: 56000, //动画毫秒时间
        imagesRatio:   (1920 / 600), //图片尺寸（宽，高）
        height:        "36em", //元素区域的高度设置
        zoomIn:        false, //动画类型（缩小：true ，放大：false）
        imagesList:    new Array( //循环图片列表
            "img/card_banner.jpg",
            "img/card_banner.jpg"
        )
    });
});

$(function(){
    $(".plug_banner_flight").Andrew_Mkinfinite({
        maxZoom:       1.4, //放大倍数
        animationTime: 12000, //动画毫秒时间
        imagesRatio:   (1920 / 600), //图片尺寸（宽，高）
        height:        "40em", //元素区域的高度设置
        zoomIn:        false, //动画类型（缩小：true ，放大：false）
        imagesList:    new Array( //循环图片列表
            "img/banner_flight1.jpg",
            "img/banner_flight1.jpg"
        )
    });
});

/*-----------------------------------------------Andrew_Slider 使用方法-------------------------------------------*/
$(function(){
    $(".plug_banner_main").Andrew_Slider({
        width: "100%", //initial width, automaticall ycalculated once the first image is loaded
        height: "45em", //initial height, automatically calculated once the first image is loaded
        transition: "slide-left", //幻灯片切换效果 random,slide-left,slide-right,slide-top,slide-bottom,fade,split,split3d,door,wave-left,wave-right,wave-top,wave-bottom
        navigationColor: "#dddddd", //幻灯片位置按钮默认颜色
        navigationHoverColor: false, //幻灯片位置按钮滑动颜色
        navigationHighlightColor: "#ec6517",  //幻灯片位置按钮当前位置时颜色
        navigationNumberColor: "#000000",    //幻灯片位置按钮文字颜色 （number）
        positionNavigation: "out-center-bottom", //幻灯片位置按钮位置
        navigationType: "circle", // number, circle, square 幻灯片位置按钮类型
        showNavigation: true, //是否显示幻灯片位置按钮
        showProgress: true, //是否使用幻灯片的加载效果
        progressColor: "#999999", //幻灯片的加载效果颜色
        pauseOnHover: true, //是否使用鼠标滑动时显示左右按钮
        transitionSpeed: 1000, //以毫秒为单位的幻灯片之间的转换效应时间
        duration: 4000 //幻灯片停留的毫秒时间
    });
});

$(function(){
    $(".plug_banner_slide").Andrew_Slider({
        width: "100%", //initial width, automaticall ycalculated once the first image is loaded
        height: "40em", //initial height, automatically calculated once the first image is loaded
        transition: "wave-left", //幻灯片切换效果 random,slide-left,slide-right,slide-top,slide-bottom,fade,split,split3d,door,wave-left,wave-right,wave-top,wave-bottom
        navigationColor: "#dddddd", //幻灯片位置按钮默认颜色
        navigationHoverColor: false, //幻灯片位置按钮滑动颜色
        navigationHighlightColor: "#ec6517",  //幻灯片位置按钮当前位置时颜色
        navigationNumberColor: "#000000",    //幻灯片位置按钮文字颜色 （number）
        positionNavigation: "out-right-bottom", //幻灯片位置按钮位置
        navigationType: "circle", // number, circle, square 幻灯片位置按钮类型
        showNavigation: true, //是否显示幻灯片位置按钮
        showProgress: false, //是否使用幻灯片的加载效果
        progressColor: "#999999", //幻灯片的加载效果颜色
        pauseOnHover: false, //是否使用鼠标滑动时显示左右按钮
        transitionSpeed: 1000, //以毫秒为单位的幻灯片之间的转换效应时间
        duration: 4000 //幻灯片停留的毫秒时间
    });
});

$(function(){
    $(".plug_lazyload").Andrew_Slider({
        width: $(".wrap").width(), //initial width, automaticall ycalculated once the first image is loaded
        height: "60em", //initial height, automatically calculated once the first image is loaded
        transition: "slide-left", //幻灯片切换效果 random,slide-left,slide-right,slide-top,slide-bottom,fade,split,split3d,door,wave-left,wave-right,wave-top,wave-bottom
        navigationColor: "#dddddd", //幻灯片位置按钮默认颜色
        navigationHoverColor: false, //幻灯片位置按钮滑动颜色
        navigationHighlightColor: "#ec6517",  //幻灯片位置按钮当前位置时颜色
        navigationNumberColor: "#000000",    //幻灯片位置按钮文字颜色 （number）
        positionNavigation: "out-center-bottom", //幻灯片位置按钮位置
        navigationType: "circle", // number, circle, square 幻灯片位置按钮类型
        showNavigation: true, //是否显示幻灯片位置按钮
        showProgress: false, //是否使用幻灯片的加载效果
        progressColor: "#999999", //幻灯片的加载效果颜色
        pauseOnHover: true, //是否使用鼠标滑动时显示左右按钮
        transitionSpeed: 1000, //以毫秒为单位的幻灯片之间的转换效应时间
        duration: 4000 //幻灯片停留的毫秒时间
    });
});

/*-----------------------------------------------Andrew_HoverBorder 使用方法-------------------------------------------*/
$(function(){
    $(".plug_menu").Andrew_NavMenu({
        LinePosition: "bottom", //线条位置（top,bottom）
        LineHeight: "0.3em" //线条高度
    });
});

/*-----------------------------------------------Andrew_Form 使用方法-------------------------------------------*/
$(function(){
    $(".plug_form").Andrew_Form({ //输入框右侧加删除文字按钮
        btn_delete: ".plug_Delete_btn", //输入文字的删除按钮class名
        btn_delete_ico: "iconfont icon-guanbi1", //输入文字的删除按钮的图标
        btn_password: ".plug_Password", //输入的密码可显示和隐藏功能的按钮class名
        btn_password_ico_hide: "iconfont icon-act_content_hide", //输入的密码可显示和隐藏功能的按钮(隐藏按钮图标)
        btn_password_ico_show: "iconfont icon-xianshi", //输入的密码可显示和隐藏功能的按钮(显示按钮图标)
        placeholder: true, //是否开启点击输入框后提示文字消失功能，建议开启 (开启 true, 停用 false）
        passchek: ".plug_pass_check", //两次输入密码确认时需要加的class名
        messege: "两次输入的密码必须一致！", //两次输入密码确认时不一致提示内容
        btn_ok: "确定", //弹窗中的确认按钮
        btn_cancel: "取消", //弹窗中的取消按钮
        box_title: "提示框" //弹窗中的标题名称
    });
});

/*-----------------------------------------------Andrew_PassLevel 使用方法-------------------------------------------*/
$(function(){
    $(".plug_pass_level").Andrew_PassLevel({ //密码强度检测
        O_color: "#f1d0b9", //默认颜色
        L_color: "#ec6517", //弱的颜色
        M_color: "#c7500b", //中的颜色
        H_color: "#a33f06", //强的颜色
        L_text: "弱", //弱的文字
        M_text: "中", //中的文字
        H_text: "强" //强的文字
    });
});

/*-----------------------------------------------Andrew_Validate 使用方法-------------------------------------------*/
$(function(){
    $(".plug_form").Andrew_Validate();
    $(".plug_form").on("submit", function(event) {
        //event.preventDefault();
        $(this).Andrew_Validate("submit_Validate"); //return boolean;
    });
    /*该插件使用中满足以下条件才能不报错*/
    //class="required"
    //data-tip="请输入关键词"
    //data-valid="isNonEmpty||between:6-16"
    //data-error="关键词不能为空||关键词文字长度6-16位"
});

/*-----------------------------------------------Andrew_HoverBorder 使用方法-------------------------------------------*/
$(function(){
    $(".plug_gallery li").Andrew_HoverBorder({
        start_delay: 300, //动画开始毫秒
        end_delay: 100, //动画结束毫秒
        border: "1px" //边框粗细像素设置
    });
});

/*-----------------------------------------------Andrew_ZoomImage 使用方法-------------------------------------------*/
$(function(){
    $(".plug_imghover img").Andrew_ZoomImage();
});

/*-----------------------------------------------Andrew_ImgSubject 使用方法-------------------------------------------*/
$(function(){
    $(".plug_lazyload li").Andrew_ImgSubject({
        delay: 400, //动画显示毫秒
        height: "6em" //图片中标题框的高度
    });
});

$(function(){
    $(".plug_lazyload_hot li").Andrew_ImgSubject({
        delay: 400, //动画显示毫秒
        height: "3.6em" //图片中标题框的高度
    });
});

$(function(){
    $(".plug_lazyload_home li").Andrew_ImgSubject({
        delay: 400, //动画显示毫秒
        height: "6em" //图片中标题框的高度
    });
});

$(function(){
    $(".plug_ranking li").Andrew_ImgSubject({
        delay: 400, //动画显示毫秒
        height: "3.6em" //图片中标题框的高度
    });
});

/*-----------------------------------------------Andrew_Ajax 使用方法-------------------------------------------*/
$(function(){
    $(".plug_ajax_tabs").each(function(){ //默认显示
        Andrew_Ajax({
            to: "#ajax1", //加载的内容的区域(定义ID)
            type : "POST", //GET或POST
            url: "./ajax/tab_test1.html", //需要加载的URL
            error_text: "请求加载数据失败！", //ajax请求加载失败时显示的文字
        });
    });
});

/*-----------------------------------------------Andrew_NowTime 使用方法-------------------------------------------*/
$(function(){
    $(".plug_nowtime").Andrew_NowTime({
        dateStyle: "yyyy-MM-dd hh:mm:ss", //年月日时间分钟秒数格式 （默认方式：yyyy-MM-dd hh:mm:ss）
    });
});

/*-----------------------------------------------Andrew_Popupwin 使用方法-------------------------------------------*/
$(function(){
    $(".plug_Popup").click(function(){
        Andrew_Popupwin({
            dom: ".plug_PopupWin", //弹窗内容的布局
            position: "middle", //位置类型(top，bottom，left，right，middle)
            effectIn: "bounceInDown", //弹窗显示效果
            effectOut: "bounceOutDown", //弹窗消失效果
            maskPosition:"11", //Mask的z-index数值
            closeBtn: "closein" //关闭弹窗按钮
        })
    });
});

/*-----------------------------------------------Andrew_intlTelInput 使用方法-------------------------------------------*/
$(function(){
    $(".plug_mobileNum").Andrew_IntlTelInput({
        dom:".plug_int_view", //下拉内容的布局
        Nav_Class:"fl line_h_24em pl_05em pr_05em text_al_c bor_right bor_bottom bor_gray_ddd bg_gray_f5f pointer", //tabs切换栏的样式
        Nav_active: "bor_bottom_none bg_white c_title text_bold", //tabs切换栏的选中样式
        List_Class: "line_h_36em pl_1em bor_bottom bor_gray_ddd pointer",  //数据列表样式
        data_url:"./ajax/countryCode.html", //获取数据信息
        width:"39.5em", //下拉内容的宽度
        maxheight:"30em",  //下拉内容的最大高度
        clickBack:function(num){ //回调获取当前的值
            console.log($(num)[0].dataset);
        }
    });
});

/*-----------------------------------------------Andrew_CountDown 使用方法-------------------------------------------*/
$(function(){
    $(".plug_Countdown").each(function () {
        Andrew_CountDown($(this),{
            wait: 10, //默认秒数
            Start_text: "秒", //倒计时开始文字
            End_Text: "", //倒计时结束后的文字
            callback:function(waits){ //回调
                console.log("each --- "+waits);
                alert("倒计时已结束，请控制下一步");
            }
        });
    });
});

$(function(){
    $(".plug_Count_btn").each(function () {
        Andrew_CountDown($(this),{
            wait: 10, //默认秒数
            Start_text: "秒后可重新发送", //倒计时开始文字
            End_Text: "重新发送", //倒计时结束后的文字
            callback:function(waits){ //回调
                console.log("each --- "+waits);
            }
        });
    });
});

/*-----------------------------------------------Andrew_Dialog 使用方法-------------------------------------------*/
$(function(){
    $(".plug_webToast").click(function(){
        webToast("恭喜您，修改成功!","middle","mask",1000); //(提示文字，显示位置 [top ，middle ，bottom ]，mask背景，耗时)
    });
});

$(function(){
    $(".plug_alert").click(function(){
        alert("请输入搜索关键词！", { //(微信平台的H5使用方法 $ak.alert)
            title: "提示", //弹窗的标题文字
            button_ok: "确定", //弹窗的确定按钮文字
            icon: "warning", //图标类型（warning，error，info，question，success）
            animateIn: "bounceInDown", //弹窗显示动画效果
            animateOut: "bounceOutUp", //弹窗消失动画效果
            onSubmit:function(res){ //点击确定按钮后的回调
                console.log(res);
            }
        });
    });
});

$(function(){
    $(".plug_delete").click(function(){
        confirm("确认要删除当前的信息吗？", { //(微信平台的H5使用方法 $ak.confirm)
            title: "确认", //弹窗的标题文字
            button_ok: "确定", //弹窗的确定按钮文字
            button_cancel: "取消", //弹窗的取消按钮文字
            icon: "question", //图标类型（warning，error，info，question，success）
            animateIn : "bounceInDown",//弹窗显示动画效果
            animateOut: "bounceOutUp",//弹窗消失动画效果
            onSubmit:function(res){ //点击确定按钮后的回调
                webToast("成功删除!","bottom",1000); //(提示文字，显示位置 top ，middle ，bottom ，耗时)
                console.log(res);
            },
            onCancel:function (res) { //点击取消按钮后的回调
                webToast("取消删除!","bottom",1000); //(提示文字，显示位置 top ，middle ，bottom ，耗时)
                console.log(res);
            }
        });
    });
});

$(function(){
    $(".plug_prompt_input").click(function(){
        var input = $(this); //获取当前的输入框
        prompt("姓名", "安德鲁", { //(微信平台的H5使用方法 $ak.prompt)
            title: "输入", //弹窗的标题文字
            button_ok: "确定", //弹窗的确定按钮文字
            button_cancel: "取消", //弹窗的取消按钮文字
            icon: "info", //图标类型（warning，error，info，question，success）
            inputbox: "input", //输入框类型
            required: true, //弹窗后的输入框设置为是否必填（true，false）
            animateIn : "bounceInDown",//弹窗显示动画效果
            animateOut: "bounceOutUp",//弹窗消失动画效果
            onSubmit:function(res){ //点击确定按钮后的回调
                webToast("成功提交!","bottom",1000); //(提示文字，显示位置 top ，middle ，bottom ，耗时)
                input.val(res); //插入内容
                console.log(res);
            },
            onCancel:function (res) { //点击取消按钮后的回调
                webToast("您已取消!","bottom",1000); //(提示文字，显示位置 top ，middle ，bottom ，耗时)
                console.log(res);
            }
        });
    });
});

$(function(){
    $(".plgu_prompt_textarea").click(function(){
        prompt("内容", "欢迎使用Andrew网页端jQuery插件。", { //(微信平台的H5使用方法 $ak.prompt)
            title: "提问", //弹窗标题
            button_ok: "提交",
            button_cancel: "取消",
            icon: "info", //图标类型（warning，error，info，question，success）
            inputbox: "textarea", //输入框类型
            required: true, //弹窗后的输入框设置为是否必填（true，false）
            animateIn : "bounceInDown",//弹窗显示动画效果
            animateOut: "bounceOutUp",//弹窗消失动画效果
            onSubmit:function(res){ //点击确定按钮后的回调
                webToast("成功提交!","bottom",1000); //(提示文字，显示位置，耗时)
                $("#plug_prompt_textarea_view ul").append("<li  class=\"bor_bottom bor_gray_ddd\">"+res+"</li>"); //插入内容
                console.log(res);
            },
            onCancel:function (res) { //点击取消按钮后的回调
                webToast("您已取消!","bottom",1000); //(提示文字，显示位置 top ，middle ，bottom ，耗时)
                console.log(res);
            }
        });
    });
});

/*-----------------------------------------------Andrew_Radio&Andrew_Checkbox&Andrew_Switch 使用方法-------------------------------------------*/
$(function(){
    //单选按钮样式
    $(".plug_Radio").Andrew_Radio({
        checkedClass: "bor_title border8", //选中后的样式
        onChange:function(chk){//回调获取当前的选中状态
            console.log(chk);
        }
    });
});

$(function(){
    //多选按钮样式
    $(".plug_Checkbox").Andrew_Checkbox({
        checkedClass: "iconfont icon-wancheng bg_title bor_title c_white", //选中后的样式
        disabledClass: "iconfont icon-wancheng bg_gray_ccc bor_gray_ccc c_white", //不能选择的样式
        onChange:function(chk){//回调获取当前的选中状态
             console.log(chk);
        }
    });
});

$(function(){
    //开关按钮样式
    $(".plug_Switch").Andrew_Switch({
        checkedClass: "bg_title", //选中后的样式
        disabledClass: "dis_opa_05", //不能选择的样式
        onChange:function(chk){//回调获取当前的选中状态
            console.log(chk);
            if (chk == true) {
                $(".plug_language").find("dd").eq(0).fadeOut(); //通过回调隐藏指定的元素
                $(".plug_language").find("dd").eq(1).fadeIn(); //通过回调显示指定的元素
            } else {
                $(".plug_language").find("dd").eq(0).fadeIn(); //通过回调显示指定的元素
                $(".plug_language").find("dd").eq(1).fadeOut(); //通过回调隐藏指定的元素
            }
        }
    });
});

/*-----------------------------------------------Andrew_ChooseList 使用方法-------------------------------------------*/
$(function(){
    $(".plug_choose").Andrew_ChooseList({
        active: "bg_title c_white bor_title", //选中后的样式
        multi: false, //单选和多选设置（单选：false，多选：true --- 或者元素里直接加 multiple="multiple" ）
        full: false, //Choose的宽度，默认为null将自动获取Choose的宽度；
        click: function(index, item) { //Choose元素点击时的回调，diabled时不发生。
            console.log("click", index, item.text());
        },
        change: function(index, item) { //choose值改变时的回调；
            console.log("change", index, item.text());
        }
    });
});

$(function(){
    $(".plug_choose_tabs").Andrew_ChooseList({
        active: "bg_title c_white bor_title", //选中后的样式
        multi: false, //单选和多选设置（单选：false，多选：true --- 或者元素里直接加 multiple="multiple" ）
        full: false, //Choose的宽度，默认为null将自动获取Choose的宽度；
        click: function(index, item) { //Choose元素点击时的回调，diabled时不发生。
            var ele_this = $(this)[0].el.parent();
            ele_this.children("form").fadeOut(); //通过回调隐藏指定的元素
            ele_this.children("form").eq(index).fadeIn(); //通过回调显示指定的元素
        }
    });
});

/*-----------------------------------------------Andrew_Addition 使用方法-------------------------------------------*/
$(function(){
    $(".plug_addlist").Andrew_Addition({
        add_btn: ".plug_addlink", //增加按钮
        del_btn: ".plug_dellink", //删除按钮
        num_title: "h3", //追加元素后显示数字的元素
        show_count: 5, //追加元素限制数量
        alert_config: new Array(
            "当前信息不能删除，至少保留一个。", //提示弹窗内容
            "提示", //提示弹窗标题
            "确定" //提示弹窗确定按钮文字
        ),
        confirm_config: new Array(
            "确认要删除当前的信息吗？", //提示弹窗内容
            "确认", //提示弹窗标题
            "确定", //提示弹窗确定按钮文字
            "取消", //提示弹窗取消按钮文字
            "成功删除!", //点击确定后显示的webToast的内容
            "取消删除!" //点击取消后显示的webToast的内容
        ),
        addback:function(count,that){ //点击增加按钮后的回调（获取数字）
            console.log(count);
            console.log(that);
            that.find("input").val(""); //通过回调清空所有input的值
            that.find("textarea").val(""); //通过回调清空所有textarea的值
            //因追加的内容不执行插件，通过回调引进插件（需要引进的插件目录）
            //开关按钮插件 (plug_Switch).Andrew_Switch,
            //下拉框插件 (plug_select).Andrew_Select,
            //日期插件 (plug_datetime).Andrew_DateTime,
            //国际号码插件 (plug_mobileNum).Andrew_IntlTelInput,
        },
        delback:function(del){  //点击增加按钮后的回调（获取当前按钮的元素）
            console.log(del);
            del.parent().parent().remove(); //执行删除元素
        }
    });
});

/*-----------------------------------------------Andrew_Substring 使用方法-------------------------------------------*/
$(function(){
    $(".plug_output_rmb").Andrew_Substring(); //数字RMB格式
});

/*-----------------------------------------------Andrew_Progress 使用方法-------------------------------------------*/
$(function(){
    $(".plug_progress").Andrew_Progress({
        goalAmount: 100, //总进度数值
        currentAmount: 60, //当前进度数值
        milestoneNumber: 90, //数字达到当前设置的参数后进度条的颜色变化
        ColorStyle: "bg_green_tint c_white", //进度条样式设置
        textBefore: "<i class='iconfont icon-feiji2 mr_02em'></i>", //当前进度图标或文字
        textAfter: "" //当前进度百分比文字（设为空值，直接不显示进度数字）
    });
});

/*-----------------------------------------------Andrew_PreviewImage 使用方法-------------------------------------------*/
$(function(){
    $(".plug_previewImage").Andrew_PreviewImage({ //删除图片提示设置
        messege: "确认要删除当前的图片吗？", //弹窗中的提示文字
        btn_ok: "确定", //弹窗中的确认按钮
        btn_cancel: "取消", //弹窗中的取消按钮
        box_title: new Array(//弹窗中的标题名称文字
            "确认", //confirm
            "提示" //alert
        ),
        webToast: "成功删除!", //删除图片后提示的文字
        Class:"bg_white dis_block text_al_c ovh rel w_80 h_42em line_h_42em border bor_gray_ddd", //图片列表边框样式
        Del_icon:"iconfont icon-guanbi1", //图片删除图标样式
        length:5, //默认最大上传数量
        length_title:"最大支持上传图片数量为：", //超出上传限制数量后提示的文字
        errorTip:"图片上传格式不正确！" //图片上传格式有误时提示的文字
    });
});

/*-----------------------------------------------Andrew_GetVerifyCode 使用方法-------------------------------------------*/
$(function (){
    Andrew_GetVerifyCode.verify(".plug_getVerifyCode", {
        time: 10,//倒计时时间
        event: "click",//事件触发方式
        phone: "#plug_phone", //绑定设置输入手机号的输入框
        ableClass: "bg_orange",//按钮可以使用时的class
        unableClass: "bg_gray_ccc",//按钮不能使用时的class
        //执行条件，可以是function也可以是Boolean值，如果是函数则需返回true才会执行
        condition: function (phone) {
        	var phoneReg = /^1[345789]\d{9}$/,
            //var phoneReg = /^(((13[0-9]{1})|(15[0-9]{1})|(17[0-9]{1})|(18[0-9]{1}))+\d{8})$/,
            flag = phoneReg.test($(phone).val());
            if(!flag){
                $ak.alert("您输入的手机号码有误！", {
                    icon: "error", //图标类型（warning，error，info，question，success）
                    button_ok: "确定", //弹窗中的确定按钮文字
                    button_cancel: "取消", //弹窗中的取消按钮文字
                    title: "提示" //弹窗中的标题名称文字
                });
                return false;
            } else {
                $ak.alert("验证码发送成功！", {
                    icon: "success", //图标类型（warning，error，info，question，success）
                    button_ok: "确定", //弹窗中的确定按钮文字
                    button_cancel: "取消", //弹窗中的取消按钮文字
                    title: "提示" //弹窗中的标题名称文字
                });
                return true;
            }
        },
        progress: function (time,phone) {//计时正在进行中时的回调
            $(this).html(time + "s后重新获取");//这里的this指向验证按钮
            console.log(this.timedown);//这个timedown就是计时器
            //console.log($(phone));//这里获取输入手机号的输入框
        },
        timeUp: function (time,phone) {//计时结束时执行的回调
            $(this).html("重新获取");//这里的this指向验证按钮
            console.log("时间到了！");
            //console.log($(phone));//这里获取输入手机号的输入框
        },
        abort: function (phone) {//中断计时
            $(this).html("重新获取");//这里的this指向验证按钮
            console.log("我被中断了！");
            //$(phone).timedown.abort(); //通过click事件执行中断语句
            //console.log($(phone));//这里获取输入手机号的输入框
        },
        eventFn: function (phone) {//事件执行后的回调
            console.log("执行了");
            console.log(this);//这里的this指向验证按钮
            console.log($(phone));//这里获取输入手机号的输入框
        }
    });

});

/*-----------------------------------------------Andrew_DropUpDown 使用方法-------------------------------------------*/
$(function () {
    $(".plug_dropbutton").Andrew_DropUpDown({
        active_toggle: "bor_bottom_dashed bor_gray_ddd", //展开后的线条切换（实线切换虚线）
        up_ico: "ion ion-arrow-up-b", //展开后的图标（上箭头）
        down_ico: "ion ion-arrow-down-b", //展开前的图标（下箭头）
    });
});

/*-----------------------------------------------Andrew_MemberUpDown 使用方法-------------------------------------------*/
$(function(){
    $(".plug_member_info").Andrew_MemberUpDown({//用户信息展开功能
        dom: ".plug_member_view", //需要动画展开的布局class名
    });
});

/*-----------------------------------------------Andrew_InputSelect 使用方法-------------------------------------------*/
$(function(){
    $(".plug_Address").Andrew_InputSelect({//用户信息展开功能
        dom: ".plug_Address_view", //需要动画展开的布局class名
        value:$(".plug_Address_view").find("li"), //赋值的元素
        maxheight:"25em", //下拉信息的最大高度设置
        clickBack:function(val){ //回调获取当前的元素
            console.log(val)
        }
    });
});

/*-----------------------------------------------Andrew_Loader 使用方法-------------------------------------------*/
$(function(){
    $(".zindex_show").on("click", function () {
        $(".plug_order_tabs").Andrew_Loader({
            backgroudColor: "#f5f5f5",//背景色
            backgroundImage: "",//背景图片
            text: "正在加载中，请耐心等待....",//文字
            width: 240,//宽度
            height: 60,//高度
            time: 0, //设定的秒数后loading窗关闭。（设置为0不使用自动关闭功能）
            mask: true, //是否使用遮挡背景（使用 true，不使用 false）
            type: 1 //0全部遮，1 局部遮
        });
        $(".ak-mask").on("click", function () {
            $(this).Andrew_Loader("destroy"); //关闭loading窗
        });
    });
});

/*-----------------------------------------------Andrew_FocusChange 使用方法-------------------------------------------*/
$(function(){
    $(".plug_focus_change").Andrew_FocusChange({
        boxWidth:180, //每个元素的宽度
        boxHeight:80, //每个元素的高度
        changeLen:5, //默认显示的数量
        autoChange:false, //是否开启自动切换功能
        autoTime:5000, //自动切换动画速度
        changeHandle:true, //是否显示左右切换按钮
        changeSpend:200, //切换动画速度
        activeClass: "bor_top4 c_title bor_bottom_none", //内容区域选择的Class效果
        btnClass: "bg_white border bor_title c_title text_bold text_18em", //切换按钮的样式设置
        choseIndex: 0, //指定显示的元素（0代表第一个元素）
        outUsed:true, //是否使用外部数据（使用：true ， 不使用：false）
        clickBack:function(click){ //回调函数获取选中的值
            console.log(click);
        },
        PrevCallBack:function(Prev){ //回调函数获取Prev
            console.log(Prev);
        },
        NextCallBack:function(Next){ //回调函数获取Next
            console.log(Next);
        }
    });
});

/*-----------------------------------------------Andrew_Viewer 使用方法-------------------------------------------*/
$(function(){
    $(".plug_large_box").Andrew_Viewer({
        url: "data-original" //图片放大后高清图片URL设置
    });
});

$(function(){
    $(".plug_refund_img").Andrew_Viewer({
        url: "data-original" //图片放大后高清图片URL设置
    });
});

/*-----------------------------------------------Andrew_Lazyload 使用方法-------------------------------------------*/
$(function(){
    $(".plug_lazyload img").Andrew_Lazyload({
        effect: "fadeIn" //图片延迟加载效果
    });
});

/*-----------------------------------------------Andrew_Spinner 使用方法-------------------------------------------*/
$(function(){
    $(".plug_spinner").Andrew_Spinner({//数量加减功能
        input_width: "20%", //输入框宽度 （px,%,em）
        btn_wrap: "fl rel ovh border h_36em bor_gray_ddd bg_white bor_rad_05em", //数量加减输入框的外框样式
        btn_left: "abs top_0 left_0 bor_right bor_gray_ddd bg_white w_25 text_18em c_gray_777", //数量减少按钮Class
        btn_right: "abs top_0 right_0 bor_left bor_gray_ddd bg_white w_25 text_18em c_gray_777", //数量增加按钮Class
        clickBack:function(num){ //回调获取当前的值
            console.log(num)
        }
    });
});

/*-----------------------------------------------Andrew_CountTo 使用方法-------------------------------------------*/
$(function(){
    $(".plug_count").Andrew_CountTo(); //数字加动画变化效果
    $(".plug_count").click(function(){  //点击后数字加动画变化效果
        $(this).Andrew_CountTo();
    });
});

/*-----------------------------------------------Andrew_Ratyli 使用方法-------------------------------------------*/
$(function(){
    $(".plug_star").Andrew_Ratyli({
        path: "css/img", //图标库的图片路径
        number: 5, //多少个星星设置
        score: 3, //默认选中
        precision : true,//是否包含小数
        starHalf  : "star-half.png", //半星
        starOff   : "star-off.png", //未选中
        starOn    : "star-on.png", //已选中
        hints     : ["差","一般","好","非常好","全五星"], //提示文字
        readOnly  : true, //是否能控制 （可控制：false，不可控制：true）
        iconsize   :20, //图标大小
        width     :240, //图标区域宽度
        click: function(score, evt) {
            alert('ID: ' + $(this).attr('id') + "\nscore: " + score + "\nevent: " + evt.type);
        }
    });
});

$(function(){
    $(".plug_star_btn").Andrew_Ratyli({
        path: "css/img", //图标库的图片路径
        number: 5, //多少个星星设置
        score: 3, //默认选中
        precision : true,//是否包含小数
        starHalf  : "star-half.png", //半星
        starOff   : "star-off.png", //未选中
        starOn    : "star-on.png", //已选中
        hints     : ["差","一般","好","非常好","全五星"], //提示文字
        readOnly  : false, //是否能控制 （可控制：false，不可控制：true）
        iconsize   :20, //图标大小
        width     :240, //图标区域宽度
        click: function(score, evt) {
            alert('ID: ' + $(this).attr('id') + "\nscore: " + score + "\nevent: " + evt.type);
        }
    });
});

$(function(){
    $(".plug_star_list").Andrew_Ratyli({
        path: "css/img", //图标库的图片路径
        number: 5, //多少个星星设置
        score: 4, //默认选中
        precision : true,//是否包含小数
        starHalf  : "star-half.png", //半星
        starOff   : "star-off.png", //未选中
        starOn    : "star-on.png", //已选中
        hints     : ["差","一般","好","非常好","全五星"], //提示文字
        readOnly  : true, //是否能控制 （可控制：false，不可控制：true）
        iconsize   :18, //图标大小
        width     :240, //图标区域宽度
        click: function(score, evt) {
            alert('ID: ' + $(this).attr('id') + "\nscore: " + score + "\nevent: " + evt.type);
        }
    });
});

/*-----------------------------------------------Andrew_DateTime 使用方法-------------------------------------------*/
$(function(){
    $(".plug_datetime").Andrew_DateTime({
        language:{//多语言设置
            name  : "cn",
            month : ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"],
            weeks : [ "日", "一", "二", "三", "四", "五", "六" ],
            times : ["小时","分钟","秒数"],
            titText: "请选择日期时间",
            clear : "清空",
            today : "今天",
            yes   : "确定",
            close : "关闭"
        },
        format:"YYYY-MM-DD hh:mm", //日期格式
        okfun: function(obj){//点击确定后的回调,obj包含{ elem当前输入框ID, val当前选择的值, date当前的日期值}
            console.log(obj.elem);     //得到当前输入框的ID
            console.log(obj.val);      //得到日期生成的值，如：2017-06-16

            //得到日期时间对象，range为false
            console.log(obj.date);    //这里是对象
            obj.date = {YYYY: 2017, MM: 08, DD: 18, hh: 10, mm: 25, ss: 10}

            //开启区域选择，range为字符串 时才会返回一个日期时间数组对象。
            console.log(obj.date);    //这里是数组
            obj.date = [
                {YYYY: 2017, MM: 08, DD: 18, hh: 10, mm: 25, ss: 10},
                {YYYY: 2019, MM: 11, DD: 25, hh: 15, mm: 30, ss: 25}
            ]
        },
        /*toggle: function(obj){ //toggle(obj) 回调函数 obj是一个对象 包含是三个值 （elem，val，date）
            console.log(obj.elem);     //得到当前输入框的ID
            console.log(obj.val);      //得到日期生成的值，如：2017-06-16

            //得到日期时间对象，range为false
            console.log(obj.date);     //这里是对象
            obj.date = {YYYY: 2017, MM: 08, DD: 18, hh: 10, mm: 25, ss: 10}
        },*/
        success:function(elem) {}//层弹出后的成功回调方法, elem当前输入框ID
    });
});

/*-----------------------------------------------Andrew_Select 使用方法-------------------------------------------*/
$(function(){
    $(".plug_select").Andrew_Select({
        select_name:"plug_select_div", //select对应的div取名
        callback:function(val){ //回调函数获取值
            console.log(val);
        }
    });
});

/*-----------------------------------------------Andrew_ToolTip 使用方法-------------------------------------------*/
$(function(){
    $("*[title]").Andrew_ToolTip({
        background: "#000000", //背景颜色
        color: "#ffffff", //文字颜色
        opacity: "0.6" //背景透明度
    });
});

/*-----------------------------------------------Andrew_ProductPhoto 使用方法-------------------------------------------*/
$(function(){
    $(".plug_goods_banner").Andrew_ProductPhoto({
        large_elem: ".plug_large_box", //大图片区域的Class
        small_elem: ".plug_small_box", //缩略图区域的Class
        large_size_w: "", //大图片区域的宽度(单位：em, 不输入默认为100%)
        large_size_h: "28", //大图片区域的高度(单位：em)
        small_size: "7.6", //缩略图的大小(单位：em)
        state: "bor_title border2", //缩略图选中后的效果Class
        vis: 4 //缩略图默认显示的数量
    });
});

/*-----------------------------------------------Andrew_Favorite 使用方法-------------------------------------------*/
$(function(){
    $(".plug_xihuan").Andrew_Favorite({
        likeMode: true, //是否开启点赞模式 （设置false为收藏模式）
        str: "+1",  //字符串，要显示的内容;也可以传一段html
        icon_defaultClass: "dis_inbl text_12em iconfont icon-xihuan1", //默认图标样式
        icon_changeClass: "dis_inbl text_12em c_title iconfont icon-xihuan", //点击后的图标样式
        textClass: "c_gray_777 text_1em ml_02em mr_02em", //文字样式
        text_default: "点赞", //默认显示的文字
        startSize: "12px",  //动画开始的文字大小
        endSize: "30px",    //动画结束的文字大小
        interval: 600,  //动画时间间隔
        color: "red",    //文字颜色
        callback:function(length){ //回调函数
            console.log(length);
        }
    });
});

$(function(){
    $(".plug_shoucang").Andrew_Favorite({
        likeMode: false, //是否开启点赞模式 （设置false为收藏模式）
        icon_defaultClass: "dis_inbl text_18em iconfont icon-xihuan1", //默认图标样式
        icon_changeClass: "dis_inbl text_18em iconfont icon-xihuan c_title", //点击后的图标样式
        textClass: "text_14em ml_02em", //文字样式
        text_default: "收藏", //默认显示的文字
        text_change: "取消收藏", //点击后显示的文字
        callback:function(length){ //回调函数
            console.log(length);
        }
    });
});

/*-----------------------------------------------Andrew_Paging 使用方法-------------------------------------------*/
$(function(){
    $(".plug_page").Andrew_Paging({
        leng: 66, //分页总数
        liClass: "press rel wh_3em border bor_gray_ddd line_h_3em text_al_c pointer bg_gray_f5f bor_right_none", //默认按钮样式
        activeClass: "bg_title c_white bor_title", //active 类样式定义
        firstPage: "首页", //首页按钮名
        lastPage: "末页", //末页按钮名
        clickBack:function(page){
            console.log(page);
            $('body,html').animate({"scrollTop":$(".plug_page").parent().offset().top-50},500); //点击后滚动
        }
    })
});

/*-----------------------------------------------Andrew_SnInput 使用方法-------------------------------------------*/
$(function(){
    $(".plug_sn_input").Andrew_SnInput({
        input_length: "1", //每个输入框限制的字数
        callback:function(sn){ //回调获取全部输入的值
            console.log(sn);
        }
    })
});

/*-----------------------------------------------Andrew_Typeahead 使用方法-------------------------------------------*/
$(function () {
    $(".plug_Typeahead1").Andrew_Typeahead({
        source: [
            { id: 1, name: "Toronto" },
            { id: 2, name: "Montreal" },
            { id: 3, name: "New York" },
            { id: 4, name: "Buffalo" },
            { id: 5, name: "Boston" },
            { id: 6, name: "Columbus" },
            { id: 7, name: "Dallas" },
            { id: 8, name: "Vancouver" },
            { id: 9, name: "Seattle" },
            { id: 10, name: "Los Angeles" }
        ],
        itemSelected: displayResult
    });

    $(".plug_Typeahead2").Andrew_Typeahead({
        source: [
            { ID: 1, Name: "Toronto" },
            { ID: 2, Name: "Montreal" },
            { ID: 3, Name: "New York" },
            { ID: 4, Name: "Buffalo" },
            { ID: 5, Name: "Boston" },
            { ID: 6, Name: "Columbus" },
            { ID: 7, Name: "Dallas" },
            { ID: 8, Name: "Vancouver" },
            { ID: 9, Name: "Seattle" },
            { ID: 10, Name: "Los Angeles" }
        ],
        display: "Name",
        val: "ID",
        itemSelected: displayResult
    });

    $(".plug_Typeahead3").Andrew_Typeahead({
        source: [
            { id: 1, full_name: "Toronto", first_two_letters: "To" },
            { id: 2, full_name: "Montreal", first_two_letters: "Mo" },
            { id: 3, full_name: "New York", first_two_letters: "Ne" },
            { id: 4, full_name: "Buffalo", first_two_letters: "Bu" },
            { id: 5, full_name: "Boston", first_two_letters: "Bo" },
            { id: 6, full_name: "Columbus", first_two_letters: "Co" },
            { id: 7, full_name: "Dallas", first_two_letters: "Da" },
            { id: 8, full_name: "Vancouver", first_two_letters: "Va" },
            { id: 9, full_name: "Seattle", first_two_letters: "Se" },
            { id: 10, full_name: "Los Angeles", first_two_letters: "Lo" }
        ],
        display: "full_name",
        itemSelected: displayResult
    });

    // Mock an AJAX request
    $(".plug_Typeahead4").Andrew_Typeahead({
        ajax: "/cities/list",
        itemSelected: displayResult
    });

    $(".plug_Typeahead5").Andrew_Typeahead({
        ajax: { url: "/cities/list", triggerLength: 1 },
        itemSelected: displayResult
    });
    function displayResult(item, val, text) {
        console.log(item);
        $(".plug_Typeahead_show").fadeIn().html('You selected <strong>' + val + '</strong>: <strong>' + text + '</strong>');
    }
});